<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
const isMac = navigator.platform.indexOf('Mac') === 0;
const kBehaviors = window.internals ? ['mac', 'win'] : isMac ? ['mac'] : ['win'];
for (const behavior of kBehaviors) {
  if (window.internals) {
    internals.settings.setEditingBehavior(behavior);
    internals.settings.setSelectTrailingWhitespaceEnabled(behavior !== 'mac');
  }

selection_test(
  '<div contenteditable dir="ltr">|\n Just\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n ^Just|\n <span>testing what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n ^Just\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-0 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n| Just\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n ^Just|\n <span>testing what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n ^Just\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-1 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n |Just\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n ^Just|\n <span>testing what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n ^Just\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-2 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n J|ust\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n J^ust|\n <span>testing what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n J^ust\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-3 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Ju|st\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Ju^st|\n <span>testing what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Ju^st\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-4 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Jus|t\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Jus^t|\n <span>testing what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Jus^t\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-5 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just|\n <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just^\n <span>testing| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just^\n| <span>testing what</span>\n ever\n</div>',
  `${behavior} 15-6 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n| <span>testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>^testing| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>^testing |what</span>\n ever\n</div>',
  `${behavior} 15-7 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>|testing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>^testing| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>^testing |what</span>\n ever\n</div>',
  `${behavior} 15-8 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>t|esting what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>t^esting| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>t^esting |what</span>\n ever\n</div>',
  `${behavior} 15-9 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>te|sting what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>te^sting| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>te^sting |what</span>\n ever\n</div>',
  `${behavior} 15-10 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>tes|ting what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>tes^ting| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>tes^ting |what</span>\n ever\n</div>',
  `${behavior} 15-11 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>test|ing what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>test^ing| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>test^ing |what</span>\n ever\n</div>',
  `${behavior} 15-12 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testi|ng what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testi^ng| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testi^ng |what</span>\n ever\n</div>',
  `${behavior} 15-13 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testin|g what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testin^g| what</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testin^g |what</span>\n ever\n</div>',
  `${behavior} 15-14 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing| what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testing^ what|</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testing^ |what</span>\n ever\n</div>',
  `${behavior} 15-15 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing |what</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testing ^what|</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testing ^what</span>\n| ever\n</div>',
  `${behavior} 15-16 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing w|hat</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testing w^hat|</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testing w^hat</span>\n| ever\n</div>',
  `${behavior} 15-17 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing wh|at</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testing wh^at|</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testing wh^at</span>\n| ever\n</div>',
  `${behavior} 15-18 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing wha|t</span>\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testing wha^t|</span>\n ever\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testing wha^t</span>\n| ever\n</div>',
  `${behavior} 15-19 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>|\n ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>^\n ever|\n</div>'
      : '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>^\n| ever\n</div>',
  `${behavior} 15-20 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n| ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ^ever|\n</div>',
  `${behavior} 15-21 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n |ever\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ^ever|\n</div>',
  `${behavior} 15-22 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n e|ver\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n e^ver|\n</div>',
  `${behavior} 15-23 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ev|er\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ev^er|\n</div>',
  `${behavior} 15-24 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n eve|r\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n eve^r|\n</div>',
  `${behavior} 15-25 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever|\n</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever|\n</div>',
  `${behavior} 15-26 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever\n|</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever|\n</div>',
  `${behavior} 15-27 ltr forward word`);
}
</script>
